<!DOCTYPE html>
<html>
<head>
    @include("/common/init.html"){}
</head>
<body>
	@include("/common/commonunity_header.html",{title:'社区'}){}
	<div class="layui-container fly-marginTop" id="layuiLoginContainer">
		<div class="fly-panel fly-panel-user" pad20>
			<div class="layui-tab layui-tab-brief" lay-filter="user">
				<ul class="layui-tab-title">
			        <li \@click="curId=0" :class="{'layui-this':curId===0}"  href="javascript:;">登入</li>
			        <li \@click="curId=1" :class="{'layui-this':curId===1}"  href="javascript:;">注册</li>
			    </ul>
			    <div v-show="curId===0" class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;">
			    	<div class="layui-container">
			    		<div class="layui-row">
			    			<div class="layui-col-md6 layui-col-sm6">
			    				<div class="layui-tab-item layui-show">
			    					<div class="layui-form layui-form-pane">
			    						<form class="popup" id="loginForm" method="post" action="${basePath}/doLogin">
			    							<div class="layui-form-item">
								                <label for="L_email" class="layui-form-label">邮箱</label>
								                <div class="layui-input-inline">
								                  <input type="text" id="phone" name="account" required="" lay-verify="required" autocomplete="off" class="layui-input">
								                </div>
								            </div>
								            <div class="layui-form-item">
								                <label for="L_pass" class="layui-form-label">密码</label>
								                <div class="layui-input-inline">
								                  <label class="layadmin-user-login-icon layui-icon" for="LAY-user-login-vercode"></label>
								                  <input type="password" id="pass" name="pass" required="" lay-verify="required" autocomplete="off" class="layui-input">
								                </div>
								             </div>
								             <!--<div class="layui-form-item">-->
									                <!--<label for="L_vercode" class="layui-form-label">验证码</label>-->
									                <!--<div class="layui-input-inline">-->
									                  <!--<input type="text" id="L_vercode" name="vercode" required lay-verify="required"-->
									                         <!--placeholder="请输入验证码" autocomplete="off" class="layui-input">-->
									                <!--</div>-->
									                <!--<div class="layui-form-mid">-->
									                  <!--<span style="color: #c00;"><img src="${basePath}/captcha" style="width: 80px;height: 25px" onclick="javascript:this.src='${basePath}/captcha?'+Math.random()"></span>-->
									                <!--</div>-->
								              <!--</div>-->
								              <div class="layui-form-item">
									               <button class="layui-btn" id="loginbtn" lay-filter="*" lay-submit>立即登录</button>
									               <input type="hidden" name="redirect_url" value="">
									               <span style="padding-left:20px;">
									                  <a href="/community/forget">忘记密码？</a>
									               </span>
								             </div>
			    						</form>
			    					</div>
			    				</div>
			    			</div>
			    		</div>  
			    	</div>
			    </div>
			    <div v-show="curId===1" class="layui-form layui-tab-content" id="LAY_register" style="padding: 20px 0;">
			    	<div class="layui-container">
			    		<div class="layui-row">
			    			<div class="layui-tab-item layui-show">
		    					<div class="layui-form layui-form-pane">
		    						<form class="popup" method="post" action="${basePath}/doRegister">
		    							<div class="layui-form-item">
			                                <label for="L_email" class="layui-form-label">邮箱</label>
			                                <div class="layui-input-inline">
			                                    <input type="text" id="L_email" name="email" required lay-verify="email"
			                                           autocomplete="off" class="layui-input">
			                                </div>
			                                <div class="layui-form-mid layui-word-aux">将会成为您唯一的登入名</div>
				                         </div>
				                         <div class="layui-form-item">
									        <label for="L_username" class="layui-form-label">昵称</label>
									        <div class="layui-input-inline">
									          <input type="text" id="L_username" name="username" required="" lay-verify="required" autocomplete="off" class="layui-input"></div>
									        <div class="layui-form-mid layui-word-aux">你在社区的名字</div>
										 </div>
										 <div class="layui-form-item">
									        <label for="L_pass" class="layui-form-label">密码</label>
									        <div class="layui-input-inline">
									          <input type="password" id="L_pass" name="pass" required="" lay-verify="required" autocomplete="off" class="layui-input"></div>
									        <div class="layui-form-mid layui-word-aux">6到16个字符</div>
										</div>
									     <div class="layui-form-item">
									        <label for="L_repass" class="layui-form-label">确认密码</label>
									        <div class="layui-input-inline">
									          <input type="password" id="L_repass" name="repass" required="" lay-verify="required" autocomplete="off" class="layui-input"></div>
									     </div>
									     <div class="layui-form-item" style="position: relative; left: -10px; height: 32px;">
									        <input type="checkbox" name="agreement" lay-skin="primary" title="" checked="">
									        <div class="layui-unselect layui-form-checkbox layui-form-checked" lay-skin="primary">
									          <i class="layui-icon layui-icon-ok"></i>
									        </div>
									        <a href="/instructions/terms.html" target="_blank" style="position: relative; top: 4px; left: 5px; color: #999;">同意用户服务条款</a>
									     </div>
									     <div class="layui-form-item">
        											<button class="layui-btn" lay-filter="*" lay-submit>立即注册</button>
        									 </div>
        								 <!--<div class="layui-form-item fly-form-app">-->
										        <!--<span>直接使用社交账号快捷注册</span>-->
										        <!--<a href="/app/qq" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-qq" title="QQ登入"></a>-->
										 <!--</div>-->
		    						</form>
		    					</div>
			    			</div>
			    		</div>
			    	</div>
			    </div>
			</div>
		</div>
	</div>
	<input type="hidden" id="baseCurIdId" value="${curId!}">
	<script>
	layui.cache.page ='user';
	layui.config({
	  version: "3.0.0"
	  ,base: '${baseStaticUrl}/mods/'
	}).extend({
	  fly: 'index'
	}).use('fly');
	</script>
		
	<script src="${basePath}/js/login.js"></script>
</body>